<template>
  <div class="footer">
    <slot name="ad"></slot>
    <slot name="footerNav"></slot>
    <span class="footer_copyright">&copy; {{ $store.state.copyright }}.</span>
  </div>
</template>
<script>
export default {
  name: "Footer",
  data() {
    return {};
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.footer {
  text-align: center;
  height: 46 / @base;
  display: block;
  padding: 0 0 46 / @base 0;
  color: #ccc;
  .footer_copyright {
    display: block;
    padding: 20 / @base 0;
  }
}
</style>
